body {
    margin: 0;
}
body {
    font-family: Roboto,Lato,sans-serif;
    line-height: 1.5;
    font-size: 14px;
    font-weight: 400;
    width: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    background-color: #fff!important;
    color: rgba(0,0,0,.87);
}a {
    text-decoration: none;
    color: #ff4081;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
}
a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}*, :after, :before {
    box-sizing: border-box;
}
.header {
    width: 100%;
    height: 50px;
    background-color: #1b1b1b;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: fixed;
    top: 0;
    z-index: 9999;
}.logo-box {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 12px;
}.logo-box img {
    width: 125px;
}.header i {
    line-height: 48px;
    text-align: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    font-size: 22px;
    color: #737373;
}

.mu-paper {
    border-radius: 2px;
    z-index: 1000000;
    background: rgb(85, 85, 85);
    transition: all .45s cubic-bezier(.23,1,.32,1);
    color: rgba(0,0,0,.87);   
    width: 256px;
    position: fixed;
    top: 0;
    bottom: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    transition-property: visibility,-webkit-transform;
    transition-property: transform,visibility;
    transition-property: transform,visibility,-webkit-transform;
    transition-duration: .45s;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
    border-radius: 0;
    left: 0;
    visibility: hidden;
    box-shadow: 0 8px 10px -5px rgba(0,0,0,.2), 0 16px 24px 2px rgba(0,0,0,.14), 0 6px 30px 5px rgba(0,0,0,.12);
}
.mu-paper.is-open {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    visibility: visible;
}.user-info {
    text-align: center;
    padding: 10px 0;
}.user-info i{
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 60px;
    color: #fff;
    background-color: #bdbdbd;
    text-align: center;
    border-radius: 50%;
}.user-info a{
    display: block;
    color: #fff;
    font-size: 16px;
    margin-top: 10px;
}.mu-item {
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 24px;
    font-size: 16px;
    color: #fff;
}.mu-item i{
    float: right;
    font-size: 14px;
}.mu-item i.on{
    transform: rotate(180deg);
}.mu-item:nth-last-child(-1n+2) i{
    float: left;
    font-size: 14px;
    margin-right: 5px;
}.mu-item-more{
    background: #333;
    display: none;
}.mu-item-more a{
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 48px;
    font-size: 16px;
    color: #fff;
}
.mu-overlay,.mu-overlay1 {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #000;
    opacity: .4;
    z-index: 999999;
}

footer {
    background-color: #515151;
}.copyright {
    color: #fff;
    padding: 20px 15px;
}.copyright>div {
    color: #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
}.online {
    width: 70%;
    margin: 0 15%;
    position: fixed;
    background: hsla(0,0%,95.3%,.9);
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
    bottom: 88px;
    height: 40px;
    border-radius: 80px;
    z-index: 99999;
}.online a {
    width: 33.333%;
    float: left;
    height: 100%;
    line-height: 40px;
    text-align: center;
    color: #f6a702;
    font-size: 18px;
    position: relative;
}.online a .iconfont{
    font-size: 17px;
}

.middle-content {
    margin-top: 50px;
}
.carousel-box .slide .prev_btn,.carousel-box .slide .next_btn{display: none;}
.module_container {
    padding: 10px 0;
    background-color: #f8f8f8;
}.module_container .content_list {
    width: 100%;
    height: auto;
    padding-left: 0;
    margin: 0;
    display: inline-block;
}.module_container .content_list li {
    width: 50%;
    height: auto;
    float: left;
    text-align: center;
    margin: 10px 0;
    color: #fff;
}.module_container .content_list li div {
    border-right: 1px solid rgba(0,0,0,.08);
    padding: 20px 0;
}.module_container .content_list li div p.number {
    position: relative;
}
.module_container .content_list li div p {
    text-align: center;
    font-size: 14px;
    margin: 0;
    line-height: normal;
}.module_container .content_list li div p.title {
    height: auto;
    overflow: hidden;
    font-size: 12px;
    color: #959595;
    padding: 0 10px;
}.module_container .content_list li div p.number .counterDX {
    font-family: HelveticaNeueLTPro-ThEx;
    font-size: 36px;
    text-align: center;
    color: #3c3c3c;
}.module_container .content_list li div p.number .unit {
    font-size: 12px;
    color: #959595;
    vertical-align: top;
}.product-box .title {
    margin-top: 40px;
    margin-bottom: 16px;
}
.title {
    text-align: center;
}.product-box .title h2 {
    margin: 0;
    font-size: 18px;
    font-weight: inherit;
}
.title h2 {
    color: #f7b500;
}.product-box .title .title-en {
    color: #b7b7b7;
    font-size: 12px;
}.product-category {
    padding: 0 15px 10px;
}.product-category .product-category-item {
    position: relative;
    display: block;
    text-align: center;
    color: #444;
    font-size: 14px;
}.product-category .product-category-item img {
    width: 100%;
    transform: scale(.8);
    -webkit-transform: scale(.8);
}.product-category .product-category-item p {
    margin: 0;
}.desc-content {
    padding: 0 15px;
    color: #999;
    line-height: 28px;
    text-align: center;
    font-size: 14px;
}.more-info-box {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}.more-info-box .more-info {
    margin-top: 30px;
    display: inline-block;
    line-height: 36px;
    padding: 0 80px;
    border: 1px solid rgba(0,0,0,.15);
    color: #666;
    transition: all .3s;
}.product-list {
    display: flex;
    flex-wrap: wrap;
    padding: 0 13px;
    margin-top: 20px;
}.product-list .product-item {
    box-sizing: border-box;
    display: block;
    flex-basis: 50%;
    padding: 2px;
    position: relative;
}.product-list .product-item img {
    width: 100%;
    height: 100%;
}.product-list .product-item .product-title {
    position: absolute;
    width: calc(100% - 10px);
    bottom: 5px;
    left: 5px;
    background-color: rgba(0,0,0,.5);
    padding-left: 5px;
    height: 40px;
    line-height: 40px;
    color: #fff;
}.product-list .product-item .product-title .product-title-text {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    width: calc(100% - 40px);
    text-overflow: ellipsis;
}.product-list .product-item .product-title .show-more-btn {
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 30px;
    background-color: #f7b500;
    padding: 15px 10px;
    line-height: 0;
}.more-info-box {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}.more-info-box .more-info {
    margin-top: 30px;
    display: inline-block;
    line-height: 36px;
    padding: 0 80px;
    border: 1px solid rgba(0,0,0,.15);
    color: #666;
    transition: all .3s;
}.news .news-item {
    display: block;
    padding: 26px 0;
    border-bottom: 1px solid #e9e9e9;
}.news .news-item:last-of-type {
    border-bottom: 0;
}.news .item-info {
    text-align: left;
}.news .item-info .title {
    margin: 0;
    text-align: left;
    color: #444;
    font-size: 14px;
}
.news .item-info>div {
    line-height: normal;
}.news .item-info .date {
    color: #adadad;
    font-size: 12px;
    margin-bottom: 10px;
    margin-top: 3px;
}.news .item-info .item_des {
    line-height: 20px;
    color: #999;
    font-size: 13px;
}.ditu {
    padding: 0 15px;
}.product-box .title h2 {
    margin: 0;
    font-size: 18px;
    font-weight: inherit;
}
.title h2 {
    color: #f7b500;
}.product-box .title .title-en {
    color: #b7b7b7;
    font-size: 12px;
}.contactlist {
    padding: 0 5%;
}.contactlist .contactinfo {
    margin-bottom: 40px;
}.contactlist .contactinfo h3.name {
    margin: 0 0 10px;
    color: #666;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
}.contactlist .contactinfo p {
    width: 100%;
    color: #999;
    font-size: 13px;
    line-height: 25px;
    text-align: left;
    margin: 0;
}

.box{
    padding-top: 20px;
}.box>.title h2 {
    margin: 0;
    font-size: 18px;
    font-weight: inherit;
    color: #333;
}.box>.title .title-en {
    color: #b7b7b7;
    font-size: 12px;
}.box .company-img {
    padding: 0 15px;
    margin-bottom: 15px;
    margin-top: 20px;
}.box .company-img img {
    vertical-align: middle;
}.about-desc {
    color: #494545;
    line-height: 35px;
    padding: 0 15px;
}.box .about-desc .about-info:first-of-type {
    padding-top: 0;
}
.box .about-desc .about-info {
    color: #6a6a6a;
    font-size: 13px;
    line-height: 24px;
    padding-bottom: 20px;
    padding-top: 20px;
    border-bottom: 1px dashed #d3d3d3;
}.box .about-desc .about-info:last-of-type {
    padding-bottom: 0;
    border: 0;
}


.box2 {
    padding: 0 10px;
}.search-box {
    width: 100%;
    background-color: #f6f6f6;
    padding: 10px;
}.form-label {
    display: inline-block;
    width: 80px;
    text-align: justify;
}.select-box {
    width: calc(100% - 90px);
    height: 40px;
    background-color: #fff;
    bottom: 1px solid #cbcbcb;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}.input-box {
    display: inline-block;
    width: calc(100% - 90px);
    height: 40px;
}.input-box input {
    width: 100%;
    height: 100%;
    outline: none;
    padding-left: 20px;
    border: 1px solid #cbcbcb;
}.btn-box {
    text-align: right;
    margin-top: 10px;
}.search-btn {
    color: #fff;
    background-color: #f7b500;
    border: 0;
    padding: 10px 40px;
    outline: none;
}.product-list2 {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}.product-list2 .product-item:nth-of-type(odd) {
    padding-right: 5px;
}
.product-list2 .product-item {
    display: block;
    flex-basis: 50%;
}.product-list2 .product-item .product-content {
    border: 1px solid #d6d6d6;
    box-shadow: 0 0 2px 0 hsla(0,0%,73.3%,.56);
}.product-list2 .product-item .product-content img {
    width: 100%;
    vertical-align: middle;
}.product-list2 .product-item .product-title {
    text-align: center;
    font-size: 12px;
    color: #141414;
}.load-more-box {
    text-align: center;
    margin-bottom: 20px;
}.load-more-box button {
    color: #fff;
    background-color: #f7b500;
    border: 0;
    outline: 0;
    padding: 10px 80px;
}

.product-img img {
    width: 100%;
}.postInfo {
    padding: 20px 15px;
}.postInfo .title {
    color: #444;
    font-size: 16px;
    transition: all .3s ease-out 0s;
    line-height: 20px;
}.postInfo .description {
    color: #999;
    font-size: 13px;
    margin-top: 20px;
}.postInfo .spec {
    margin-top: 20px;
}.postInfo .spec .val {
    color: #999;
    font-size: 13px;
}.postInfo .description {
    color: #999;
    font-size: 13px;
    margin-top: 20px;
}.item_detail {
    padding: 0 15px;
    margin-bottom: 20px;
}.item_detail .title {
    font-size: 16px;
    margin: 10px 0;
}hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}.item_detail .item_detail_html {
    font-size: 13px!important;
    color: #999!important;
    line-height: 24px!important;
}

.box3{
    padding: 20px 10px 0;
}.list .item{
    display: flex;
    background-color: #f9f9f9;
    margin-bottom: 10px;
    color: #4f4f4f;
}.list .item .left{
    flex: 1;
    width: 0;
    padding-top: 7px;
    padding-bottom: 1px;
}.list .item .left .news-title{
    margin: 0;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 700;
}.list .item .left .line{
    width: 40px;
    height: 2px;
    background-color: #f7b500;
    margin: 2px 0;
}.list .item .left .time{
    color: #8d8d8d;
    font-size: 13px;
    margin: 5px 0;
}.list .item .left .desc{
    margin: 0;
    color: #4f4f4f;
    height: 35px;
    font-size: 12px;
    overflow: hidden;
}.list .item .right{
    flex: 1;
    padding: 6px 0;
}.list .item .right img{
    width: 100%;
}.box3 .title {
    color: #444;
    font-size: 16px;
    text-align: center;
}.box3 .time {
    color: #8d8d8d;
    font-size: 11px;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 10px;
}.box3 .html-content {
    overflow: hidden;
}.box3 .back-btn-box {
    display: block;
    text-align: center;
}.box3 .back-btn-box a {
    padding: 10px 80px;
    border: 1px solid #f7b500;
    color: #f7b500;
    background-color: #fff;
    margin-bottom: 20px;
    margin-top: 20px;
    outline: none;
    display: inline-block;
}


.box2 .list .item {
    margin-bottom: 5px;
    width: 100%;
    display: flex;
}.box2 .list .item .item-img {
    flex: 1;
}.box2 .list .item .item-img img {
    width: 100%;
}.box2 .list .item .item-info {
    flex: 1;
    padding-left: 10px;
    width: 0;
}.box2 .list .item .item-title {
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    color: #f7b500;
    font-weight: 700;
}.box2 .list .item .time {
    color: #8d8d8d;
}.box2 .list .item .desc {
    color: #4f4f4f;
    font-size: 13px;
    margin-top: 3px;
    height: 35px;
    overflow: hidden;
}.box2 .list .item .shwoMore {
    padding-top: 15px;
}.box2 .list .item .shwoMore a {
    color: #fff;
    background-color: #f7b500;
    font-size: 12px;
    padding: 5px 10px;
}

.box4 {
    padding: 0 10px;
}.box4 .nav {
    display: flex;
}.box4 .nav .nav-item {
    flex: 1;
    padding: 0 10px;
}.box4 .nav .nav-item .nav-item-btn.active {
    background-color: #f7b500;
    color: #fff;
}
.box4 .nav .nav-item .nav-item-btn {
    padding: 5px 20px;
    color: #f7b500;
    border: 1px solid #f7b500;
    text-align: center;
    font-weight: 700;
}.box4 .list {
    margin-top: 10px;
}.box4 .list .item {
    width: 100%;
    background-color: #f4f4f4;
    height: 100px;
    padding: 10px 20px;
    margin-bottom: 10px;
    display: block;
    color: #333;
}.box4 .list .item h3 {
    margin: 0;
}.box4 .list .item .desc {
    font-size: 13px;
    color: #4f4f4f;
    height: 40px;
    overflow: hidden;
    margin-top: 5px;
}
.box5 {
    padding: 20px 10px 0;
}
.box5 .input-box2 input {
    width: calc(100% - 68px);
    height: 40px;
    vertical-align: top;
    border: 1px solid #d6d6d6;
    border-right: 0;
    outline: none;
    padding-left: 10px;
}.box5 .input-box2 div {
    width: 64px;
    height: 40px;
    line-height: 40px;
    background-color: #f7b500;
    border: 0;
    text-align: center;
    float: right;
}.box5 .search-tip {
    font-size: 10px;
    color: #8c8c8c;
    text-align: center;
}.box5 .list {
    margin-top: 10px;
}.box5 .list .item {
    width: 100%;
    background-color: #f4f4f4;
    padding: 10px;
    margin-bottom: 10px;
}.box5 .list .item .item-info {
    width: 100%;
    display: flex;
}.box5 .list .item .item-info .left {
    flex: 1;
}.box5 .list .item .item-info .right {
    flex: 1;
    padding-left: 5px;
}#map1, #map2, #map3 {
    width: 100%;
    height: 200px;
}.address-info {
    color: #4f4f4f;
}.address-info-title {
    display: inline-block;
    width: 50px;
    text-align-last: justify;
}.responsibility-desc {
    padding: 0 20px;
}

.login-logo-box {
    margin-top: 125px;
    text-align: center;
}.login-logo-box img {
    height: 50px;
}.login-input-box {
    margin-top: 50px;
}.login-input-box .input-box3 {
    position: relative;
}.login-input-box .input-box3 i {
    position: absolute;
    top: 0;
    left: 5px;
    font-size: 18px;
    width: 40px;
    height: 20px;
    line-height: 40px;
    color: #BCBCBC;
}.login-input-box .input-box3 input {
    width: 100%;
    outline: none;
    height: 40px;
    font-size: 14px;
    padding-left: 30px;
    border: 1px solid #bcbcbc;
    border-radius: 3px;
    color: #868686;
}.login-input-box .login-btn {
    width: 100%;
    background-color: #f7b500;
    border: 0;
    color: #fff;
    height: 40px;
    margin-top: 10px;
    outline: none;
    border-radius: 3px;
}.login-input-box .input-box3 .getCode, .login-input-box .login-btn {
    height: 40px;
    background-color: #f7b500;
    border: 0;
    outline: none;
    color: #fff;
}
.login-input-box .input-box3 .getCode {
    position: absolute;
    top: 0;
    right: 0;
}
.select-box .select-placeholder {
    line-height: 40px;
    padding-left: 20px;
    color: #7f7f7f;
}.select-box .select-arrow {
    position: absolute;
    top: 6px;
    right: 10px;
}

.mu-dialog-wrapper {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    justify-content: center;
    align-items: center;
    z-index: 1000000;
}.mu-dialog {
    padding: 0;
    width: 75%;
    background-color: #fff;
    border-radius: 2px;
    font-size: 16px;
    text-align: center;
    box-shadow: 0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12);
}.mu-dialog-title {
    padding: 24px 24px 20px;
    margin: 0;
    font-size: 22px;
    font-weight: 400;
    line-height: 32px;
    color: rgba(0,0,0,.87);
}.mu-list {
    padding: 8px 0;
    width: 100%;
    margin: 0;
}.mu-list li {
    height: 48px;
    font-size: 14px;
    padding: 0 16px;
    color: rgba(0,0,0,.87);
    list-style: none;
}
.html-content p, .html-content span {
    font-family: Roboto,Lato,sans-serif!important;
    line-height: 18px!important;
    color: #666!important;
    font-size: 13px!important;
}